import './loginPage.css'
import LoginForm from './loginForm'
import { Button, message } from 'antd'

export default function LoginPage() {
    return (
        <div className="login-root">
            <div className="login-left">
                <img src="/imgs/sdu-logo.png"></img>
            </div>
            <div className="login-right">
                <div className='login-box'>
                    <h2>隧道施工地质灾害诊断平台</h2>
                    <h4>WELCOME LOGIN</h4>
                    <LoginForm></LoginForm>
                    <div style={{ display: 'flex', justifyContent: 'space-between' }}>
                        <Button 
                            type="link" 
                            style={{ paddingLeft: 0 }}
                            onClick={() => { message.info('请联系管理员 17855966029') }}
                        >
                            忘记密码
                        </Button>
                        <Button 
                            type="link" 
                            style={{ paddingRight: 0 }}
                            onClick={() => { message.info('暂不支持此功能') }}
                        >
                            更多登录
                        </Button>
                    </div>
                </div>
            </div>
        </div>
    )
}